<div class="mouseenter-show" fxFlexFill fxLayout="row">
  <div class="mouseenter-show-title">
    <img *ngIf="image?.titleImage" [src]="'./assets/images/' + image?.titleImage" alt="">
    <i>{{title}}</i>
  </div>
  <div class="bgImage">
    <img *ngIf="image?.bgImage" [src]="'./assets/images/' + image?.bgImage" alt="">
  </div>
  <div class="mouseenter-show-content" [ngClass]="{showContentWidth:showContentWidth}">
    <p *ngFor="let item of data;let i=index">
      <span *ngIf="item?.tagKind==='2'" class='green' [ngStyle]='{background:item?.value==1?switchingValue1:switchingValue2}'></span>
      <span *ngIf="item?.tagKind==='1'">{{item.value | number:'1.1-2'}}</span>
      <em [title]='item.tagName+item.tagUnit'> {{ item.tagName }}{{ item.tagUnit }} </em>
    </p>
  </div>
</div>
